@charset "utf-8";
/*wap*/
@media screen and (max-width:1023px) {
html,body{margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:100%; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

/* --- column --- */
.container, .container-md, .container-sm { max-width:90%;}
.page-column{text-align:center; margin-top:3rem; margin-bottom:1.5rem;}
.page-column h2{text-align:center; margin-bottom:.8rem; font-size:1.6rem; font-weight:normal;}
.page-column h2 b{color:#ff0000;}
.page-column p{font-size:.9rem; color:#888; line-height:180%;}
.page-path { display:none;}
.innerpage-list { padding:20px 0;}

/* --- header --- */
.page-header{position:fixed; left:0; top:0; width:100%; height:8.5rem; z-index:600; transition:all .3s; padding:0 3.5rem;}
.page-header .wrap{ display:flex; align-items:center; height:100%; justify-content: space-between;}
.page-header .logo{ width:20rem; }
.page-header .logo a.show{display:block;}
.page-header .logo a.hide{display:none;}
.page-header .language { font-size:1.8rem; margin-left: auto; margin-right: 20px; display:none;}
.page-header .language a {color:#ccc;}
.page-header .language a .ico-lg { width:14px; height:14px; background:url(../images/ico-lg-gray.png) no-repeat; display:inline-block; margin-right:3px;}
.page-header .search{ display:none;}
.page-header .page-nav{width:3.6rem; height:100%; position:relative;}
.page-header .page-nav .show{position:absolute; right:0; top:0; background:url(../images/wap-nav.png) no-repeat center; width:100%; height:100%;}
.page-header .sitename { font-size: 0;}

/* Nav-hidden */
.page-header .page-nav .hide{width:20rem; background:#fff; position:fixed; height:auto; right:-20rem;top:90px; padding:1.5rem; transition:all .3s;}
.page-header .page-nav .hide dl{ }
.page-header .page-nav .hide dt{height:3.25rem; padding-left:1rem; display:flex; align-items:center; font-size:1rem; position:relative;border-bottom:1px solid #D2D2D2; }
.page-header .page-nav .hide dt:after{content:""; background:url(../images/plus.png) no-repeat right center; background-size:1.2rem 1.2rem; width:3.75rem; height:3.75rem; position:absolute; right:1rem; top:0;}
.page-header .page-nav .hide dl dt.current{color:#ff0000;}
.page-header .page-nav .hide dl dt.current:after{background:url(../images/minus.png) no-repeat right center; background-size:1.2rem 1.2rem; }
.page-header .page-nav .hide dd{padding-left:1.5rem; padding-bottom:1rem; padding-top:1rem; display:none;}
.page-header .page-nav .hide dd em{display:block; line-height:2.5rem; font-size:1rem;}
.page-header .page-nav .hide dd em a{ display: block;}
.page-header .page-nav .hide .close{position:absolute; left:-3rem; top:0; background:#f0f0f0 url(../images/close.png) no-repeat center; background-size:2rem 2rem; width:3rem; height:4.50rem; display:none;}
.page-header.slide{background:#fff; border-bottom:1px solid #e5e5e5;}
.page-header.slide .logo a.hide{ display:block;}
.page-header.slide .logo a.show{display:none;}
.page-header.slide .page-nav li .link{color: #000;} 
.page-header.slide .page-nav li .link.now{ color:#ff0000;}
.page-header.slide .page-nav li .link:hover{ color:#ff0000;}
.page-header.slide .language a{color:#000;}
.pop-product{ display:none;}

/* --- banner --- */
.home-banner{ height:100%;}
.inner_banner { padding:0 3.5rem;}
.inner_banner .txt { top:30%;}
.inner_banner .txt .tit { font-size:3rem; margin-bottom:1rem; color:#CCC;}
.inner_banner .txt .subtit { font-size:1.8rem; transition-delay: .2s; width:70%;}

/* --- index --- */
.page-column { text-align: center; margin-top: 90px; margin-bottom: 50px; }
.page-column h2 { text-align: center; color:#007880; font-weight:500; font-size: 24px; text-transform: uppercase; }
.page-column h2 b { color: #ff0000; }
.page-column p { font-size: 14px; color: #888; }
.page-showpage { margin-top: 50px; margin-bottom: 50px; text-align: center; }
.page-showpage a { display: inline-block; border: 1px solid #efefef; padding: 6px 15px; border-radius: 4px; margin-left: 2px; margin-right: 2px; }
.page-showpage a.now { background: #0D3180; color: #fff; border: 1px solid #0D3180; }
.page-header { position: fixed; left: 0; top: 0; width: 100%; height: 90px; z-index: 600; transition: all .3s; }
.page-header .wrap { display: flex; align-items: center; height: 100%; transition: all .3s; position: relative; z-index: 100; }
.page-header .logo { margin-right: auto; }
.page-header .logo a.show { display: block; }
.page-header .logo a.hide { display: none; }
.page-header .mall { background: url(../images/shopping.png) no-repeat 0 center; padding-left: 25px; margin-left: 2rem; height: 90px; }
.page-header .mall a { color: #888888; line-height: 90px; }
.page-header .language { margin-left: 3rem; line-height: 90px; }
.page-header .language a { color: #fff; }
.page-header .language a .ico-lg { width:14px; height:14px; background:url(../images/ico-lg.png) no-repeat; display:inline-block; margin-right:3px;}
.page-header .language:hover a { color: #ff0000!important; }
.page-header .language:hover a .ico-lg { background:url(../images/ico-lg-red.png) no-repeat;}
.page-header .search { margin-left: 3rem; }
.page-header .search .icon { display: block; background: url(../images/search.png) no-repeat center center #272727; width: 36px; height: 36px; border-radius: 100px; cursor: pointer; }
.page-header.slide { background: #fff; border-bottom: 1px solid #e5e5e5; }
.page-header.slide .logo a.hide { display: block; }
.page-header.slide .logo a.show { display: none; }
.page-header.slide .page-nav li .link { color: #333; }
.page-header.slide .page-nav li .link.now { color: #ff0000; }
.page-header.slide .page-nav li .link:hover { color: #ff0000; }
.page-header.slide .language a { color: #333; }
.page-header.slide .language a .ico-lg { background:url(../images/ico-lg-gray.png) no-repeat; }
.page-header.slide .language:hover a .ico-lg { background:url(../images/ico-lg-red.png) no-repeat;}
.page-header:hover { background: #fff; border-bottom: 1px solid #e5e5e5; }
.page-header:hover .logo a.hide { display: block; }
.page-header:hover .logo a.show { display: none; }
.page-header:hover .page-nav li .link { color: #333; }
.page-header:hover .page-nav li .link.now { color: #ff0000; }
.page-header:hover .page-nav li .link:hover { color: #ff0000; }
.page-header:hover .language a { color: #333; }
.page-header .pop-search { display: flex; align-items: center; justify-content: center; opacity: 0; height: 0; overflow: hidden; transition: all .3s; position: absolute; left: 0; top: 0; width: 100%; z-index: 101; }
.page-header .pop-search .form { width: 0; border: 1px solid #ccc; height: 40px; line-height: 38px; background: #fff; display: flex; align-items: center; transition: all .3s; }
.page-header .pop-search .form form { width: 100%; height: 40px; }
.page-header .pop-search .form .input { width: 89%; height: 40px; border: none; background: none; padding-left: 15px; font-size: 14px; float: left; }
.page-header .pop-search .form .btn { background: url(../images/search-icon.png) no-repeat center center; width: 10%; height: 40px; border: none; cursor: pointer; }
.page-header .pop-search .close { margin-left: 20px; background: url(../images/close.png) no-repeat; width: 32px; height: 32px; cursor: pointer; transition: all .3s; }
.page-header .pop-search .close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg) }
.pop-product { background: #fff; border-bottom: 1px solid #e5e5e5; opacity: 0; height: 0; overflow: hidden; position: fixed; left: 0; width: 100%; top: 80px; transition: all .3s; overflow: hidden; }
.pop-product .search { height: 64px; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; }
.pop-product .search .box { display: flex; align-items: center; height: 100%; width: 1000px; margin: 0 auto; position: relative; }
.pop-product .search .box form { width: 100%; display: block; }
.pop-product .search .box:before { content: ""; background: url(../images/search-icon.png) no-repeat 0 center; height: 64px; width: 19px; position: absolute; left: 0; top: 0; }
.pop-product .search .box input { height: 40px; line-height: 40px; width: 90%; border: none; padding-left: 35px; font-size: 14px; }
.pop-product .search .box input::-webkit-input-placeholder { color:#b9b9b9;}
.pop-product .search .box button { background: #272727; color: #fff; width: 80px; height: 40px; border: none; border-radius: 5px; margin-left: auto; font-size: 16px; cursor: pointer; }
.pop-product .search .box button:active { opacity: .8; }
.pop-product .type .swiper-container { padding-bottom: 80px; }
.pop-product .type .swiper-container { max-width: 1022px; margin: 0 auto; position: relative; }
.pop-product .type .swiper-container a { padding: 0 15px; display: block; text-align: center; }
.pop-product .type .swiper-container a .pic { margin-bottom: 15px; overflow: hidden; transition: all .3s; }
.pop-product .type .swiper-container a .text { font-size: 14px; }
.pop-product .type .swiper-container .swiper-pagination-bullet { background: #ccc; }
.pop-product .type .swiper-container .swiper-pagination-bullet-active { background: #ff0000; }

/* --- Home swipslider --- */
.swipslider { position: relative; overflow: hidden; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.swipslider .sw-slides { display: block; padding: 0; list-style: none; width: 100%; height: 100%; white-space: nowrap; font-size: 0; -webkit-transform: translateX(0); transform: translateX(0); position: absolute; bottom: 0; }
.swipslider .sw-slide { width: 100%; height: 100%; margin: auto; display: inline-block; position: relative; }
.swipslider .sw-slide > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; max-width: 100%; margin-left: auto; margin-right: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.swipslider .sw-slide .sw-content { width: 100%; height: 100%; margin-left: 0; margin-right: 0; font-size: 14px; }
.sw-next-prev { font-family: "Courier New", Courier, monospace; height: 50px; width: 50px; text-align: center; vertical-align: middle; position: absolute; line-height: 50px; font-size: 30px; font-weight: bolder; color: rgba(160, 160, 160, 0.53); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255, 255, 255, 0); border-radius: 50%; text-decoration: none; transition: all .2s ease-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.sw-next-prev:hover { background:#EE9B13; color:#fff; }
.sw-next-prev:active { background:#EE9B13; }
.sw-prev { left: 3%; display:none;}
.sw-prev::after { content: '<'; }
.sw-next { right: 3%; display:none;}
.sw-next::after { content: '>'; }
.sw-bullet { position: absolute; bottom: 5%; list-style: none; display: block; width: 100%; text-align: center; padding: 0; margin: 0; }
.sw-bullet li { width: 20px; height: 6px; background:#666; border-radius:10px; display: inline-block; cursor: pointer; transition: all .2s ease-out; }
.sw-bullet li:hover { background:#EE9B13; }
.sw-bullet li.active { background:#EE9B13;}
.sw-bullet li:not(:last-child) { margin-right:8px; }
.swipslider .sw-slide .sw-txt { width: 50%; position: absolute; z-index:9; top:50%; left:50%; margin:-28px 0 0 -25%; text-align:center;}
.swipslider .sw-slide .sw-txt h2 { font-size: 3.6rem; font-weight:700; color: rgba(255,255,255,0.3); margin-bottom: 30px; }

/* --- Product --- */
.home-recommend-product { background: #f5f5f5; overflow: hidden; padding-bottom: 10px; }
.home-recommend-product .recommen { background: #fff; overflow: hidden; height: 128px; margin-bottom: 30px; transition: all .3s; }
.home-recommend-product .recommen li { float: left; width: 20%; text-align: center; display: flex; align-items: center; justify-content: center; height: 128px; font-size: 18px; position: relative; }
.home-recommend-product .recommen li .ico { display:block; text-align:center;}
.home-recommend-product .recommen li .ico img { margin-bottom:5px;}
.home-recommend-product .recommen li .txt { vertical-align:middle;}
.home-recommend-product .recommen li:after { content: ""; background: #e5e5e5; height: 49px; width: 1px; top: 40px; right: 0; position: absolute; }
.home-recommend-product .recommen li:last-child:after { background: none; }
.home-recommend-product .recommen:hover { box-shadow: 10px 10px 20px #ececec; }

/*Products-list*/
.home-product { overflow:hidden;}
.home-product .col-3 { width:50%; float:left;}
.home-product .items-list { padding:0 10px; margin-bottom:15px;}
.home-product .items-list .p_img { overflow:hidden; background:#fff;}
.home-product .items-list .p_img img { transition: all .4s ease;}
.home-product .items-list:hover .p_img img { transform:scale(1.1);}
.home-product .items-list .p_tit { padding:10px 0;}
.home-product .items-list .p_tit p { line-height:20px; font-size:14px; height:40px; overflow:hidden; text-overflow: ellipsis;}

/* --- Category --- */
.home-category { overflow: hidden; padding-bottom: 10px; background: url(../images/home-category.jpg) no-repeat; background-size: cover; background-attachment: fixed; }
.home-category li { float: left; width: 20%; transition: all 0.5s; padding-bottom:20px; margin-bottom:20px; }
.home-category li:hover { background:#f8f8f8; border-radius:10px;}
.home-category li .cate_icon { background-size:cover; background-position:center; width:120px; height:120px; margin:0 auto; transition:all 0.5s;}
.home-category li:hover .cate_icon { transform:scale(1.1);}
.home-category li .icon01 { background:url(../images/cate-01.png) no-repeat;}
.home-category li .icon02 { background:url(../images/cate-02.png) no-repeat;}
.home-category li .icon03 { background:url(../images/cate-03.png) no-repeat;}
.home-category li .icon04 { background:url(../images/cate-04.png) no-repeat;}
.home-category li .icon05 { background:url(../images/cate-05.png) no-repeat;}
.home-category li .icon06 { background:url(../images/cate-06.png) no-repeat;}
.home-category li .icon07 { background:url(../images/cate-07.png) no-repeat;}
.home-category li .icon08 { background:url(../images/cate-08.png) no-repeat;}
.home-category li .icon09 { background:url(../images/cate-09.png) no-repeat;}
.home-category li .icon10 { background:url(../images/cate-10.png) no-repeat;}
.home-category li .icon11 { background:url(../images/cate-11.png) no-repeat;}
.home-category li .icon12 { background:url(../images/cate-12.png) no-repeat;}
.home-category li .icon13 { background:url(../images/cate-13.png) no-repeat;}
.home-category li .icon14 { background:url(../images/cate-14.png) no-repeat;}
.home-category li .icon15 { background:url(../images/cate-15.png) no-repeat;}
.home-category li .icon16 { background:url(../images/cate-16.png) no-repeat;}
.home-category li .icon17 { background:url(../images/cate-17.png) no-repeat;}
.home-category li .icon18 { background:url(../images/cate-18.png) no-repeat;}
.home-category li:hover .icon01 { background:url(../images/cate-01-b.png) no-repeat;}
.home-category li:hover .icon02 { background:url(../images/cate-02-b.png) no-repeat;}
.home-category li:hover .icon03 { background:url(../images/cate-03-b.png) no-repeat;}
.home-category li:hover .icon04 { background:url(../images/cate-04-b.png) no-repeat;}
.home-category li:hover .icon05 { background:url(../images/cate-05-b.png) no-repeat;}
.home-category li:hover .icon06 { background:url(../images/cate-06-b.png) no-repeat;}
.home-category li:hover .icon07 { background:url(../images/cate-07-b.png) no-repeat;}
.home-category li:hover .icon08 { background:url(../images/cate-08-b.png) no-repeat;}
.home-category li:hover .icon09 { background:url(../images/cate-09-b.png) no-repeat;}
.home-category li:hover .icon10 { background:url(../images/cate-10-b.png) no-repeat;}
.home-category li:hover .icon11 { background:url(../images/cate-11-b.png) no-repeat;}
.home-category li:hover .icon12 { background:url(../images/cate-12-b.png) no-repeat;}
.home-category li:hover .icon13 { background:url(../images/cate-13-b.png) no-repeat;}
.home-category li:hover .icon14 { background:url(../images/cate-14-b.png) no-repeat;}
.home-category li:hover .icon15 { background:url(../images/cate-15-b.png) no-repeat;}
.home-category li:hover .icon16 { background:url(../images/cate-16-b.png) no-repeat;}
.home-category li:hover .icon17 { background:url(../images/cate-17-b.png) no-repeat;}
.home-category li:hover .icon18 { background:url(../images/cate-18-b.png) no-repeat;}
.home-category li .cate_name { font-size: 18px; color: #007880; line-height: 200%; text-align:center; }
.home-category li:hover .cate_name { color: #EE9B13; transform:scaleX (1.1);}

/*Advantages*/
.home-company { background:url(../images/home-company.jpg) no-repeat center right; background-size: cover; padding:5rem 2rem; overflow:hidden;}
.home-company .about-hd { margin-bottom:15px;}
.home-company .about-hd p { font-size:1.4rem; padding-bottom:10px; color:#5e5d5d;}
.home-company .about-hd h2 { font-size:2.8rem; color:#007880; font-weight:700;}
.home-company .about-hd:after { content:""; width:80px; height:6px; border-radius:30px; background:#EE9A02; display:inline-block;}
.home-company .about-bd { padding:20px 0 25px; overflow:hidden;}
.home-company .about-bd .item { width:50%; float:left; margin-bottom: 10px;}
.home-company .about-bd .item .advantages { width:96%; background:rgba(105,105,105,0.3); padding:25px 20px 20px; border-radius:12px; transition:ease-in-out 0.3s; position:relative;}
.home-company .about-bd .item .advantages font { font-size:24px; line-height:40px; font-weight:700;}
.home-company .about-bd .item .advantages em { line-height: 2rem; vertical-align: top; font-style: normal; font-size: 1.4rem; display: inline-block; font-weight: 500;}
.home-company .about-bd .item .advantages i { width:40px; height:40px; display:block; position:absolute; top:20px; right:20px; z-index:99;}
.home-company .about-bd .item .advantages .ico-1 { background:url(../images/company-Established.png) no-repeat; background-size: 92%;}
.home-company .about-bd .item .advantages .ico-2 { background:url(../images/company-stock.png) no-repeat; background-size: 92%;}
.home-company .about-bd .item .advantages .ico-3 { background:url(../images/company-suppliers.png) no-repeat; background-size: 92%;}
.home-company .about-bd .item .advantages .ico-4 { background:url(../images/company-global.png) no-repeat; background-size: 92%;}
.home-company .about-bd .item .advantages .txt { padding-top:15px;}
.home-company .about-bd .item:hover .advantages { background:rgba(238,154,2,0.9); color:#fff;}
.home-company .about-ft h3 { font-size:20px; margin-bottom:15px; color:#5e5d5d;}
.home-company .about-ft .com-txt { line-height:20px; margin-bottom:25px; color:#7e7e7e;}
.home-company .about-ft .btn { padding:15px 40px; transition:all 0.5s; display:inline-block;}
.home-company .about-ft .btn-more { background: #007880; color:#fff; border-radius:30px;}
.home-company .about-ft .btn:hover { background: #EE9A02;}

/* --- News --- */
.home-news { padding-top: 60px; padding-bottom: 60px; overflow: hidden; }
.home-news .hd { display: flex; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 35px; margin-bottom: 45px; padding-left: 20px; }
.home-news .hd h2 { color:#007880; font-weight:500; font-size: 32px; text-transform: uppercase;}
.home-news .hd .hd-r { margin-left: auto;}
.home-news .hd .hd-r a { padding:0 5px;}
.home-news .hd .hd-r a:nth-child(1):after, .home-news .hd .hd-r a:nth-child(2):after { content:"|"; color:#dfdfdf; display:inline-block; margin:0 0 0 10px;}
.home-news .bd { overflow:hidden;}
.home-news .bd li { float: left; width: 33.333%; min-height:486px; padding: 0 15px;}
.home-news .bd li .imgs { height:298px; overflow:hidden;}
.home-news .bd li .imgs img { width:100%; height:298px; transition: all .4s ease;}
.home-news .bd li .date { color:#9d9d9d;  font-size: 16px; font-weight: 400; padding:10px 0; }
.home-news .bd li .text h3 { font-size: 16px; line-height:24px; font-weight:700; margin-bottom: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-news .bd li .text p { color: #888; font-size: 14px; line-height: 160%; margin-bottom: 10px; font-weight:normal;}
.home-news .bd li:hover .imgs img { transform:scale(1.1);}
.home-news .bd li:hover .text h3 { color: #EE9B13;}
.home-news .bd li .more { font-size: 14px; transition: all 0.5s;}
.home-news .bd li:hover .more { transform:translateX(5px); }
.home-news .bd li:hover .more a { color: #EE9B13;}

/* --- Brands --- */
.home-brands { padding:60px 20px; position:relative; overflow: hidden; }
.home-brands .brands-column:after { content:""; width:5%; display:block; height:5px; background:#EE9B13; margin:10px 0 0; border-radius:50px;}
.home-brands .brands-column h2 { font-size:32px; color:#007880; font-weight:500; margin-bottom: 15px; text-transform: uppercase;}
.home-brands .brands-column p { font-size:14px; color:#888;}
.home-brands .brands-column .more { float:right; color:#888; line-height:60px; transition:all 0.3s;}
.home-brands .brands-column .more:hover { color:#EE9B13; transform:translateX(-5px);}
.home-brands .brands-content { padding:50px 0 0;}
.home-brands .swiper-slide { padding:30px 25px; background:#fff; min-height:360px; border-radius:10px; transition:all 0.5s;}
.home-brands .swiper-slide .tit { font-size:18px;}
.home-brands .swiper-slide .desc { line-height:140%; font-size:14px; color:#888; margin:10px 0;}
.home-brands .swiper-slide .imgs img { transition:all 0.5s;}
.home-brands .swiper-slide:hover .imgs img { transform:scale(0.9);}
.home-brands .swiper-btn { position:relative; height:50px;}
.home-brands .swiper-btn .swiper-button-next { position:absolute; right:0px;}
.home-brands .swiper-btn .swiper-button-prev { position:absolute; right:46px;}

/* --- News --- */
.home-news{ overflow:hidden;}
.home-news .content {padding:1.5rem;}
.home-news .content a {padding:1rem 3rem; display:block; padding-right:2rem; padding-top:0;}
.home-news .content a .date {color:#e1e1e1; font-size:2rem; margin-bottom:1.5rem; font-weight:bold;}
.home-news .content a .text h3 {font-size:1.4rem; margin-bottom:1.5rem; line-height:150%;}
.home-news .content a .text p {font-size:1.2rem; margin-bottom:1.5rem; color:#888; line-height:150%;}
.home-news .content a .more { font-size:1.2rem;} 
.home-news .content a .more em {border-bottom:.15rem solid #e60012; padding-bottom:.25rem;}

/* --- pop --- */
.pop-back{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:400; display:none;}
.pop-video{ width:90%; left:0; right:0; bottom:0; top:-200%; position:fixed; margin:auto; z-index:500; height:25%;}

/* --- footer --- */
.page-footer { background:#000; padding:1.5rem 0 0;}
.page-footer .logo{ display:none;}
.page-footer .findus { display:none;}
.page-copyright { background:#000; overflow: hidden;}
.page-copyright .box{border-top:1px solid #191919;overflow: hidden; color:#888; font-size:1.4rem; text-align:center; padding:1.5rem;}
.page-copyright .box .right{ margin-top:1rem;}
.page-copyright .box .right a{ color: #888;}
}

@media screen and (max-width: 720px) {
.innerpage-list .product-item .pic img { height:200px;}
.innerpage-list .innerpage-item .text h3 { font-size:16px;}
.innerpage-list .innerpage-item .text p { height:80px; overflow:hidden;}
.innerpage-list .innerpage-item .text { padding:10px;}
.innerpage-list .innerpage-item .text font { font-size:12px;}
.home-product .photo .left img { width: 55%;}
.home-product .comm1 .imgs { right: -100px;}
.home-product .comm2 .imgs { right: -100px;}
.home-product .comm3 .imgs { right: -10px;}
.home-product .items-bg .items .txt, .items-big .items .txt { font-size:1.2rem;}
.home-company .company-content { padding:60px 20px;}
.home-news .bd li { float: left; width: 100%; min-height:486px; padding: 0 15px;}
}
@media screen and (min-width: 320px) and (max-width: 719px) {
.swipslider .sw-slide .sw-txt { display:none;}
.page-column { margin-top:30px;}
.recommen .text { font-size:1.2rem;}
.page-column,.home-product .recommen { margin-bottom:20px;}
.home-product .photo { display:block;}
.home-product .photo .left { width:100%;}
.home-product .photo .right { width:100%;}
.home-category li { width:33.33%;}
.home-category li .cate_name { font-size:1.2rem;}
.page-copyright .box a { color:#888; margin-left:10px;}
}